/*! Copyright 2012 Question Writer Corporation. All rights reserved. */

html,body,div,span,ol,ul,li,label,nav,section,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body
{
    /* Get rid of those pesky scrollbars in IE and FF caused by resizing and zoom */
    overflow: hidden;
	background-color:#FFFFFF;
}

/* Applies to whole assessment */

.assessmentcontainer
{
    /* Background and Space Used */
    overflow:auto;
    position:relative;
    width:800px;
    height:604px;
    background-repeat:no-repeat; 

    
    /* Text */
    font-family:Georgia;
    font-size:18px;
    color:#000000;
    text-align:left;   
    font-weight:normal;
    text-decoration:none;
    line-height:1.2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.assessmentbackgroundsvg{
	background-image: url('');
	background-repeat: no-repeat;
	width:800px;
    height:604px;
}

.assessmentbackground{
	background-image: url('');
	background-repeat: no-repeat;
	width:800px;
    height:604px;
}

.questionarea 
{
    /* This places question content in a frame, to replicate Flash themes */
    overflow:auto;
    position:absolute;
    width:672px;
    height:452px;
    top:85px;
    padding-left:60px;
    padding-right:5px;
}

a
{
    /* Use customary link color and style */
    color:Blue;
    text-decoration:underline;
}

.quiztitle
{
}

/* Loader */
.loaderbackgroundsvg, .finishedbackgroundsvg
{
    background-image: url('');
    background-repeat:no-repeat; 
    width:800px;
    height:604px;
}

.loaderbackground, .finishedbackground {
    background-image: url('');
    background-repeat:no-repeat; 
    width:800px;
    height:604px;
}

.centermiddle
{
    /* Used to place loader text */
    position:absolute;
    top:33%;
    width:800px;
    text-align:center;
}

.loaderprogress
{
    /* Used to place loader progress percentage */
    position:absolute;
    top:66%;
    width:800px;
    text-align:center;
}

/* Content Element Styles */

.matemtext
{
    /* Emphasized Text */
  font-family: Georgia;
  font-size: 24px;
  color: #000000;
  text-align: left;   
  font-weight:bold;
  text-decoration:none;
}

.matvar
{
  /* Feedback Score To User */
    font-family:Georgia;
    font-size:18px;
    color:#000000;
    text-align:left;   
    font-weight:normal;
    text-decoration:none;
}

.rowenclose 
{
    /* For Row Layout */
    float: left;
}

/*Introduction*/

.instructions
{
}

.candidateprompt
{
	text-align:right;
	float: left;
	width: 180px;
	padding-right:5px;
}


/* Question Feedback Styles */

.incorrectimage
{
    float:left;
}

.correctimage
{
    float:left;
}

.correcttextcolor
{
   color: #008800;
}

.incorrecttextcolor
{
    color: #CC0000;
}

.correctanswerfeedback
{
    padding-left: 80px;
    display: inline-block;
    background: url('') no-repeat;
    min-height:80px;
}

.correctanswerfbfallback
{
	padding-left: 80px;
    display: inline-block;
    background: url('') no-repeat;
	min-height:80px;
}

.incorrectanswerfeedback
{
    padding-left: 80px;
    display: inline-block;
    background: url('') no-repeat;
    min-height:80px;
}

.incorrectanswerfbfallback
{
    padding-left: 80px;
    display: inline-block;
    background: url('') no-repeat;
    min-height:80px;
}

.correctoptionfeedback
{
    padding-right: 20px;
    display: inline-block;
    background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.correctoptionfbfallback
{
    padding-right: 20px;
    display: inline-block;
    background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.incorrectoptionfeedback
{
    padding-right: 20px;
    display: inline-block;
	background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.incorrectoptionfbfallback
{
    padding-right: 20px;
    display: inline-block;
    background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.unselectedcorrectoptionfeedback
{
    padding-right: 20px;
    display: inline-block;
	background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.unselectedcorrectoptionfbfallback
{
    padding-right: 20px;
    display: inline-block;
    background: url('') no-repeat;
    background-position:right bottom;
	position:relative;
}

.unselectedincorrectoptionfeedback
{
    padding-right: 20px;
    display: inline-block;
    position:relative;
}

.unselectedincorrectoptionfbfallback
{
    padding-right: 20px;
    display: inline-block;
    position:relative;
}
/* Question Styling*/

.questionbody
{

}

.questionvalue
{
    text-align: right;
    font-style: italic;
    display: block;    
}

.questiontext
{
}

.questionnumber
{
}

/* Report Styling */
.reporticons{
    float:right;
}

.reportheader{}

.yourscores{
    clear: left;
    padding-top:10px;
}

.yourscorepoints{
    float:left;
    width:33%;
}

.yourscorepercentage{
    float:left;
    width:33%;
}

.scoredata{
    clear: left;
    padding-top:10px;
}

.scoretotalpossible{
    float:left;
    width:33%;
}

.scorepassing{
    float:left;
    width:33%;
}

.attemptinfo{
    clear: left;
    padding-top:10px;
}

.candidateid{
    float:left;
    width:33%;
}

.datetime{
    float:left;
    width:33%;
}

.reportmessages
{
    clear: left;
    padding-top:10px;
}

.overallresult{
    float:left;
    width:33%;
}

.reportmessage{
    clear:left;
    width:100%;
    padding-top:10px;
}

/* Interface Elements */

.timer 
{
    position:absolute;
    top:30px;
    left:620px;
    width:150px;
    height:30px;
    font-family:Georgia;
    font-size:24px;
    color:#000000;
    text-align:right;
}

.printout
{
    background: url('') no-repeat;
    padding-top: 25px;
    background-position:center top;
    min-width:30px;
    }

.useremail
{
    }

/* Used for Image Zoom on Main Question Image */
.questionimagezoom
{
    float: right;
    width: 200px;
    margin-left: 20px;
}

.expandedzoom
{
    width: 100%;
    float:right;
}

.imagecontrol
{
    max-width: 100%;
    float:right;
}

.imageinstructions
{
    text-align: right;
}

/* Navigation Buttons */

.backbuttoncontainer,.restartbuttoncontainer{
    position: absolute;
    top: 560px;
    left: 12px;
}

.backbuttoncontainer{
    left: 524px;
}

.restartbuttoncontainer{
    left: 12px;
}


.nextbuttoncontainer{
    position: absolute;
    top: 560px;
    left: 654px;
}

.backbutton, .restartbutton {
    width: 120px;
    height: 40px;
    margin: 0;
    border: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand;
    font-family: Georgia;
    font-size: 18px;
    color: #000000;
	text-align:center;
}

.backbuttonbackgroundsvg, .restartbuttonbackgroundsvg {
    background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.backbuttonbackgroundsvg:hover,.restartbuttonbackgroundsvg:hover{ 
	background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.backbuttonbackground,.restartbuttonbackground {
    background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.backbuttonbackground:hover,.restartbuttonbackground:hover{ 
	background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.nextbutton {
    width: 120px;
    height: 40px;
    margin: 0;
    border: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand;
    font-family: Georgia;
    font-size: 18px;
    color: #000000;
	text-align:center;
}

.nextbuttonbackgroundsvg {
    background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.nextbuttonbackgroundsvg:hover{ 
	background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.nextbuttonbackground {
    background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

.nextbuttonbackground:hover{ 
	background: transparent url('') no-repeat center top;
	background-size:120px 40px;
}

/*------------------------------------*\
  Question Types
\*------------------------------------*/

/* Multiple Choice, including True/False, Multiple Response, Partial Credit Question Types */

label + span,
input + span
{
	margin-top: 20px;
}

span > input[type=radio],
span > input[type=checkbox]
{
	padding: 0;
	margin: 0;
	height: 27px;
	width: 27px;
	float: left;
	position: absolute;
	opacity: 0;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand;
}

span > label 
{ 
	line-height: 27px; 
	padding: 0 0 0 26px;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand;
}

span:not(#foo) > input:hover + label,
span:not(#foo) > input + label:hover
{
    color: #000000;
}

span:not(#foo) > input + label{
	height: 27px;
}

span:not(#foo) > input[type=radio] + label,
span:not(#foo) > input[type=radio]:disabled + label,
span:not(#foo) > input[type=radio]:hover:disabled + label,
span:not(#foo) > input[type=radio]:focus:disabled + label,
span:not(#foo) > input[type=radio]:disabled + label:hover,
span:not(#foo) > input[type=radio]:disabled + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=radio] + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:hover:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:focus:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled + label:hover:active{
    background:url('') no-repeat;
	background-size:22px 22px;
}

span:not(#foo) > input[type=radio]:checked + label, 							
span:not(#foo) > input[type=radio]:hover:checked + label,
span:not(#foo) > input[type=radio]:focus:checked + label,
span:not(#foo) > input[type=radio]:checked + label:hover,
span:not(#foo) > input[type=radio]:focus:checked + label, 					
span:not(#foo) > input[type=radio]:disabled:checked + label,
span:not(#foo) > input[type=radio]:hover:disabled:checked + label,
span:not(#foo) > input[type=radio]:focus:disabled:checked + label,
span:not(#foo) > input[type=radio]:disabled:checked + label:hover,
span:not(#foo) > input[type=radio]:disabled:checked + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:hover:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:focus:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:checked + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:focus:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:hover:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:focus:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled:checked + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:disabled:checked + label:hover:active
{
    background:url('') no-repeat;
	background-size:22px 22px;
}

span:not(#foo) > input[type=radio]:hover + label,
span:not(#foo) > input[type=radio]:focus + label,
span:not(#foo) > input[type=radio] + label:hover,
span:not(#foo) > input[type=radio]:active + label,
span:not(#foo) > input[type=radio] + label:hover:active,
span:not(#foo) > input[type=radio]:active:checked + label,
span:not(#foo) > input[type=radio]:checked + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:hover + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:focus + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio] + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:active + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio] + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:active:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=radio]:checked + label:hover:active{
    background: url('') no-repeat;
	background-size:22px 22px;
}


span:not(#foo) > input[type=checkbox] + label,
span:not(#foo) > input[type=checkbox]:disabled + label,
span:not(#foo) > input[type=checkbox]:hover:disabled + label,
span:not(#foo) > input[type=checkbox]:focus:disabled + label,
span:not(#foo) > input[type=checkbox]:disabled + label:hover,
span:not(#foo) > input[type=checkbox]:disabled + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:hover:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:focus:disabled + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled + label:hover:active{
    background: url('') no-repeat;
	background-size:22px 22px;
}

span:not(#foo) > input[type=checkbox]:checked + label,
span:not(#foo) > input[type=checkbox]:hover:checked + label,
span:not(#foo) > input[type=checkbox]:focus:checked + label,
span:not(#foo) > input[type=checkbox]:checked + label:hover,
span:not(#foo) > input[type=checkbox]:focus:checked + label,
span:not(#foo) > input[type=checkbox]:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:hover:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:focus:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:checked + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:focus:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active
{
    background: url('') no-repeat;
	background-size:22px 22px;
}

span:not(#foo) > input[type=checkbox]:hover + label,
span:not(#foo) > input[type=checkbox]:focus + label,
span:not(#foo) > input[type=checkbox] + label:hover,
span:not(#foo) > input[type=checkbox]:active + label,
span:not(#foo) > input[type=checkbox] + label:hover:active,
span:not(#foo) > input[type=checkbox]:active:checked + label,
span:not(#foo) > input[type=checkbox]:checked + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:hover + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:focus + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox] + label:hover,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:active + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox] + label:hover:active,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:active:checked + label,
fieldset[dir=rtl] span:not(#foo) > input[type=checkbox]:checked + label:hover:active{
    background: url('') no-repeat;
	background-size:22px 22px;
}

.optionvalue
{
    font-style: italic;
    display: inline;    
}

/* Fill In the Blank Question Type, Also Used For Essay */

.fibinput
{
  font-family: Georgia;
  font-size: 18px;
  color: #000000;
  text-align: Left;   
  font-weight:normal;
  text-decoration:none;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* Essay Question Type */

.essay 
{
  /* Anything defined here will take precedence over fibinput above on essay style questions */
  width:95%;
}








